<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>.:IT Việt Computer:.</title>
	<link rel="shortcut icon" type="image/x-icon" href="Images/logo.ico" />
	<link rel="stylesheet" href="Css/styles.css" type="text/css" />

	<script type="text/javascript" src="Scripts/jquery.min.js"></script>

	<!--Common jQuery plugins start here -->

	<script language="JavaScript" src="Scripts/tickertype.js" type="text/javascript"></script>

	<script language="JavaScript" src="Scripts/easySlider.js" type="text/javascript"></script>

	<script language="JavaScript" src="Scripts/easyFade.js" type="text/javascript"></script>

	<script language="JavaScript" src="Scripts/scroll.js" type="text/javascript"></script>

	<script type="text/javascript" language="javascript">
		$(document).ready(function() {
			$("#slider").easySlider({
				auto: true,
				continuous: true
			});

			$("h1").hover(function() {
				$(this).next("em").stop(true, true).animate({ opacity: "show", top: "60" }, "slow");
			}, function() {
				$(this).next("em").animate({ opacity: "hide", top: "100" }, "fast");
			});

			var productList = jQuery('.hotProduct li');
			if (productList.length) {
				manualChangeProduct(jQuery(productList[0]));
			}

			resetTicker(jQuery(".company_name").html());
		});
	</script>

	<!--Common jQuery plugins end here -->
</head>
<body>
	<!--Inline css is needed for the top banner/ad, top-margin should be same as the ad-block height-->
	<div id="top-wrap">
		<div id="header-wrap">
			<div id="header">
				<h1>
					<a href="http://demo.templateworld.com/full-websites/142a/index.html">
						<img src="Images/logo.png" alt="logo" width="100" /></a></h1>
				<!-- logo here -->
				<em class="ttip">IT Việt Computer</em><!--tool tip for logo-->
				<p class="company_name">
					<span style="color: #FCE868;">IT</span> <span style="color: #FB3C3C;">Việt</span>
					<span style="color: #6F56AF;">Computer</span>
				</p>
				<!-- end of call us toll free-->
				<div class="menu">
					<div class="menu_end">
						<ul class="nav">
							<li><a href="home.html" class="active">Trang chủ</a></li>
							<li><a href="about.html">Giới thiệu</a></li>
							<li><a href="product.html">Sản phẩm</a></li>
							<li><a href="news.html">Tin tức</a></li>
							<li><a href="contact.html">Liên hệ</a></li>
						</ul>
					</div>
				</div>
				<!--end of navigation-->
			</div>
			<!--end of header-content-->
			<div class="banner-wrap">
				<div class="banner">
					<div class="leftContent">
						<h2>
							Khách hàng là cha là mẹ</h2>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elitam nogn magna eleifend posuere
							uisque tempus ligula dignissim justo.</p>
						<ul>
							<li><a href="http://demo.templateworld.com/full-websites/142a/more.html">Lorem ipsum
								dolor sit amet, consectetur adipiscing elit.</a></li>
							<li><a href="http://demo.templateworld.com/full-websites/142a/more.html">Suspendisse
								placerat convallis puru aliquet urna vulputate cursus.</a></li>
							<li><a href="http://demo.templateworld.com/full-websites/142a/more.html">Morbi feugiat
								augue orci, et lacinia turpis commodo.</a></li>
						</ul>
						<a href="http://demo.templateworld.com/full-websites/142a/more.html" class="m-info">
							Thông tin chi tiết</a>
					</div>
					<!--end of banner left content -->
					<div id="slider-wrap">
						<div style="width: 340px; height: 222px; overflow: hidden;" id="slider">
							<ul>
								<li style="float: left;">
									<img src="Images/slider-img.jpg" alt=" " height="222" width="340" /></li>
								<li style="float: left;">
									<img src="Images/slider-img2.jpg" alt=" " height="222" width="340" /></li>
								<li style="float: left;">
									<img src="Images/slider-img3.jpg" alt=" " height="222" width="340" /></li>
							</ul>
						</div>
					</div>
					<!--end of slider-->
				</div>
				<!--end of sliding banner-->
			</div>
			<!--end of banner wrap-->
		</div>
		<!--header ends here-->
		<div id="content-wrap">
			<div class="lower-lists">
				<ul class="services">
					<li class="box1">
						<h4>
							Mua bán
						</h4>
						<img src="Images/cart.png" alt=" " width="54" />
						<p>
							Cras dapibus, orci rutrum adipiscing luchu tus, nisl magna tempus urna, id porttitor
							arcu et pendisse id justo id nisi suscipit peentesque iaculis ris hous, quis imperdiet
							cursus.</p>
						<a href="http://demo.templateworld.com/full-websites/142a/more.html" class="more">
							Chi tiết</a> </li>
					<li class="box2">
						<h4>
							Sửa chữa</h4>
						<img src="Images/tools.png" alt=" " width="54" />
						<p>
							Dras dapibus, orci rutrum adipiscing luchu tus, nisl magna tempus urna, id porttitor
							arcu et pendisse id justo id nisi suscipit peentesque iaculis ris hous, quis imperdiet
							cursus.</p>
						<a href="http://demo.templateworld.com/full-websites/142a/more.html" class="more">
							Chi tiết</a> </li>
					<li class="box3">
						<h4>
							Bảo hành</h4>
						<img src="Images/firstAidKit.png" alt=" " width="54" />
						<p>
							Nras dapibus, orci rutrum adipiscing luchu tus, nisl magna tempus urna, id porttitor
							arcu et pendisse id justo id nisi suscipit peentesque iaculis ris hous, quis imperdiet
							cursus.</p>
						<a href="http://demo.templateworld.com/full-websites/142a/more.html" class="more">
							Chi tiết</a> </li>
				</ul>
			</div>
			<div class="leftPan">
				<h3 style="float: left;">
					<span style="padding: 12px 2px 0 0; float: left;">Sản phẩm</span>
					<img src="Images/hot_item.png" alt="Hot" style="" />
				</h3>
				<div class="product-view">
					<img id="proImage" src="" alt=" " height="120" />
					<span id="proTitle"></span>
					<p id="proInfo">
					</p>
					<a id="proLink" href="" class="more">Chi tiết</a>
				</div>
				<ul class="hotProduct">
					<li onclick="manualChangeProduct(jQuery(this));">
						<center>
							<img alt="" src="Images/ipad.jpg" height="100" />
						</center>
						<span class="title">Ipad - Sản phẩm hot nhất tuần qua adf adfa dsfasdf adsfa asdf
						</span><span class="info">Giá cực sốc (nhức óc chứ chả chơi)</span> <a class="detail"
							href="http://www.google.com"></a></li>
					<li onclick="manualChangeProduct(jQuery(this));">
						<center>
							<img alt="" src="Images/iphone.jpg" height="100" />
						</center>
						<span class="title">IPhone - Sản phẩm hot nhất tuần qua </span><span class="info">
							Hello IPhone</span><a class="detail" href="http://www.google.com"></a></li>
					<li onclick="manualChangeProduct(jQuery(this));">
						<center>
							<img alt="" src="Images/itouch.jpg" height="100" />
						</center>
						<span class="title">ITouch - Sản phẩm hot nhất tuần qua </span><span class="info">
							Hello ITouch</span> <a class="detail" href="http://www.google.com"></a></li>
				</ul>
			</div>
			<!--end of leftPan-->
			<div class="rightPan">
				<div class="rightPan_end">
					<div class="innerContent">
						<h3>
							Tin nổi bật</h3>
						<ul class="lists">
							<li>
								<p>
									<strong>February 12, 2010</strong><br />
									Suspendisse consectetur orci dignissim sollicitudin orci venenatis uisque porttitor
									pretium. <a href="http://demo.templateworld.com/full-websites/142a/more.html">chi
										tiết &raquo;</a></p>
							</li>
							<li>
								<p>
									<strong>February 11, 2010</strong><br />
									Cuspendisse consectetur orci dignissim sollicitudin orci venenatis uisque porttitor
									pretium. <a href="http://demo.templateworld.com/full-websites/142a/more.html">chi
										tiết &raquo;</a></p>
							</li>
							<li>
								<p>
									<strong>February 10, 2010</strong><br />
									Puspendisse consectetur orci dignissim sollicitudin orci venenatis uisque porttitor
									pretium. <a href="http://demo.templateworld.com/full-websites/142a/more.html">chi
										tiết &raquo;</a></p>
							</li>
						</ul>
						<!--end of list items-->
					</div>
				</div>
			</div>
			<!--end of rightPan-->
		</div>
		<!--end of content-wrapper-->
		<div id="footer-wrap">
			<div id="footer">
				<!--copyright content here-->
				<p class="copyright">
					Copyright © 2012 <a href="http://www.itvietcomputer.com">IT Việt Computer</a>. All
					rights reserved.</p>
				<ul class="footNav">
					<li><a href="http://jigsaw.w3.org/css-validator/check/referer">Sơ đồ website</a></li>
					<li>|</li>
					<li><a href="http://validator.w3.org/check?uri=referer">Quy định bảo hành</a></li>
					<li>|</li>
					<li><a href="http://demo.templateworld.com/full-websites/142a/privacy.html">Sản phẩm</a></li>
					<li>|</li>
					<li><a href="http://demo.templateworld.com/full-websites/142a/sitemap.html">Trang
						chủ</a></li>
				</ul>
				<!--end of footer navigation-->
			</div>
			<!--end of footer-content-->
		</div>
		<!--end of footer-wrap-->
	</div>
	<!--end of outer-wrapper-->
</body>
</html>
